<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" type="text/css" href="content/common/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="content/default/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="content/default/css/supervise.css"/>

</head>
<body>
<div class="centent">
    <ul class="nav">
        <li class="top">
            <div class="li_title">
                督办情况
                <span class="img_rf">收起<img src="content/default/image/up_01.png"></span>
            </div>
            <div class="li_content">
                <div class="cklist">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label"><span style="color: red">*</span>督办事项：</label>
                            <div class="layui-input-inline">
                                重大隐患超期未整改
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label"><span style="color: red">*</span>督办时间：</label>
                            <div class="layui-input-inline">
                                2020-20-20
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label"><span style="color: red">*</span>督办内容：</label>
                        <div class="layui-input-block">
                            <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color: red">*</span>被督办单位：</label>
                        <div class="layui-input-block">
                            中国华电集团浙江分公司，杭州华电半山发电有限公司
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color: red">*</span>接收人：</label>
                        <div class="layui-input-block">
                            王平，吕超
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label"><span style="color: red">*</span>督办单位：</label>
                            <div class="layui-input-inline">
                                淮安集团安全环保部
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label"><span style="color: red">*</span>督办人：</label>
                            <div class="layui-input-inline">
                                伍建
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>

        <li class="top">
            <div class="li_title">
                督办情况
                <span class="img_rf">收起<img src="content/default/image/up_01.png"></span>
            </div>
            <div class="reply">
                <span class="tab1 active">已回复（1）</span><span class="tab1">未回复（2）</span>
                <table>
                    <tr>
                        <th width="25%">被督办单位</th>
                        <th width="25%">回复内容</th>
                        <th width="25%">回复时间</th>
                        <th width="25%">附件</th>
                    </tr>
                    <tr>
                        <td>杭州华电半山发电有限公司</td>
                        <td>已按要求整改完成</td>
                        <td>2019-09-11</td>
                        <td><a>整改报告.word</a></td>
                    </tr>
                    <tr>
                        <td>杭州华电半山发电有限公司</td>
                        <td>已按要求整改完成</td>
                        <td>2019-09-11</td>
                        <td><a>整改报告.word</a></td>
                    </tr>
                </table>
            </div>
        </li>
    </ul>

    <div class="bottom_btn">
        <button type="button" class="btn_rau cancel-btn">取消</button>
        <button type="button" class="btn_rau sub-btn">确定</button>
    </div>
</div>


<script type="text/javascript" src="content/common/jquery-3.3.1.min.js"></script>
<script>
    $(document).ready(function () {
      $(".img_rf").click(function () {
          if($(this).text()=='收起'){
              $(this).text("")
              $(this).append("展开<img src=\"content/default/image/down_01.png\">" );
              $(this).parent().next().hide();
          }else{
              $(this).text("")
              $(this).append("收起<img src=\"content/default/image/up_01.png\">" );
              $(this).parent().next().show();
          }

      })

    });
    $(".tab1").click(function () {
        $(this).siblings('span').removeClass('active');  // 删除其他兄弟元素的样式
        $(this).addClass('active');
    })
</script>
</body>
</html>